<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-table-box">
            <table id="demo" lay-filter="test"></table>
        </div>
      
    </div>
</div>
<script>
    layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312
    ,url: "{:url('management.order/getOrdersDetail')}" //数据接口
    ,where:{order_id:"{$id}"}
    ,page: true //开启分页
    , skin: 'line'
    ,cols: [[ //表头
      ,{field: 'type_name', title: '类型',width:'10%'}
      // ,{field: 'members_avatar', title: '用户头像',templet:function(d){
      //     return '<div class="layui-table-cell laytable-cell-1-0-2"><img style="max-width: 200px; max-height: 40px;" src="'+d.members_avatar+'" ></div>'
      // },width:'20%'}
      ,{field: 'server_name', title: '名称',width:'25%'} 
      ,{field: 'price', title: '原价',width:'20%'}
      ,{field: 'act_price', title: '活动价价',width:'20%'}
      ,{field: 'number', title: '数量',width:'10%'}
      ,{field: 'house', title: '租赁号及时间段',width:'20%'}

    ]]
  });
  
});

</script>